<style>
<!--
div.card-set {
	float:left;
 	height:180px;
 	width:215px;
  	margin-left:10px;
  	margin-top:10px;
}
div.card-name {
 	width:220px;
}
div.card-item {
	background: #fff ;
	border:5px solid #fff ;
  	width:200px;
  	height:140px;
    text-align:center;
}
div.card-item img{
  	height:140px;
}

div.card-item {
    overflow:hidden;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}
-->
</style>
<?php include (dirname(__FILE__).'/index.php')?>
<?php 
foreach($pages as $page):?>  
   
<div  class=" card-set">
	  <div class=" left clearFix card-item">   	    
	     <?php 
	     if(isset($card->photo)) $url=CUtilHelper::picUrl_340x210($card->photo); 
	     else    $url=Yii::app()->baseUrl.'/images/defaultphoto.png';
	     
       echo CHtml::link(CHtml::image($url),
          array('/page/cardId','bid'=>$card->_id),
          array('target'=>'_blank'));
                          ?>
     </div>
          <div class="card-name span-20" ><?php echo $card->name?></div>
</div>

<?php 	
endforeach;
?>